<template>
  <div class='loading' v-if='show'>
    <div class='con'>
      <img src="../../assets/images/load.gif" alt="">
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        isShow: false
      }
    },
    props:{
      show:{
        type: [String,Boolean],
        default: false
      }
    }
  };
</script>
<style lang="scss" scoped>
.loading{
  // width: 100%;
  // height: 100%;
  // position: fixed;
  // position: absolute;
  width: 50px;
  height: 100%;

  top: 0;
  z-index: 999999;
  // background: rgba(0,0,0,.3);
  .con{
    // width: 300px;
    // height: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    // background: #fff;
    img{
      width: 34px;
    }
  }
}
</style>